<template>
    <div id="option">
        <div class="option-content">
            <el-link :underline="false">{{text}}</el-link>
        </div>
    </div>
</template>

<script>
    import {Link} from "element-ui";
    export default {
        props: {
          text: {
              type: String,
              required: true
          }
        },
        name: "Option",
        components: {
            'el-link':Link
        },
        methods:{

        }
    }
</script>

<style lang="less">
    #option{
        margin-left: 10px;
    }
    .option-content{
        width: 73px;
        height: 32px;
        border: 1px solid #EEEEEE;
        color: rgba(80, 80, 80, 1);
        box-shadow: #FFFFFF;
        border-radius: 4px;
        font-size: 15px;
        line-height: 200%;
        text-align: center;
        span{
            color: #505050;
            text-align: center;
        }
    }
</style>
